<layout name='PublishedRecipe' />

<div class="center">
    	<div class="set"><h1>My profile & account setting</h1></div>
    	<div class="set_left">
        	<p class="ren" style="width:130px;height:130px;margin-bottom: 10px;">
                <empty name="userinfo.gravatar">
                        <img src="../Public/images/ren.jpg" />
                    <else/>
                        <img src="__PUBLIC__/Content/User/<{$userinfo.gravatar}>" />
                </empty>
            </p>
            <p style="text-align: center;width:130px;" title="<{$userinfo.exp}> integral">
                <if condition="$userinfo['exp'] egt 1500">
                    <img src="../Public/images/jing.jpg" />
                    <elseif condition="$userinfo['exp'] egt 800"/>
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <elseif condition="$userinfo['exp'] egt 300"/>
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <elseif condition="$userinfo['exp'] egt 100"/>
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <elseif condition="$userinfo['exp'] egt 25"/>
                    <img src="../Public/images/chushimao.jpg" />
                    <img src="../Public/images/chushimao.jpg" />
                    <else />
                    <img src="../Public/images/chushimao.jpg" />
                </if>
            </p>
            <p class="joined">Nickname:<span class="six"><{$userinfo.nickname}></span></p>
            <p class="joined">Integral:<span class="six"><{$userinfo.exp}></span></p>
            <p class="joined">Joined:<span class="six"><{$userinfo.regdate|date="Y-m-d H:s:i",###}></span></p>
            <p class="joined">Last Login:<span class="six"><{$userinfo.logindate|date="Y-m-d H:s:i",###}></span></p>
        </div>

        <div class="set_right">
        	<p class="remove" style="margin-bottom: 10px;">
                <span class="re_bt1">
                    <input class="upload" type="button" value="Upload Picture" />
                </span>
            </p>
            <p class="avatar">Upload a picture to be your user avatar.</p>
            <p class="avatar">Allpwed Formats:jpg、jpeg、png</p>
            <form action="__APP__/User/update" method="post" id="updateuserinfo">
                <div class="ch_mar">
                    <input type="hidden" name="id" value="<{$userinfo.id}>" />
                    <input type="hidden" class="pic" name="gravatar" value="<{$userinfo.gravatar}>" />
                    <div class="ter">Nickname<br /><input type="text" name="nickname" value="<{$userinfo.nickname}>"><p class="two">20 characters remain</p></div>
                    <div class="ter">New Password<br /><input type="password" name="password"><p class="two">If you would like to change the password type a new one. Otherwise leave this blank.</p></div>
                    <div class="ter"><input type="password" name="cpassword"><p class="two">Type your new password again.</p><p class="h_type">Hint: The password should be at least seven characters long. To make it stronger, use upper and lower case letters, numbers and symbols like ! " ? $ % ^ & ).</p></div>
                </div>
                <p class="btn_last"><span class="save"><input type="submit" value="SAVE"></span><span class="cancle"><input type="reset"value="CANCLE"></span></p>
            </form>
        </div>
    </div>
<script type="text/javascript" src="__PUBLIC__/js/ajaxupload.js"></script>
